www.gusucode.com > 地平线cms ASP.NET门户网站系统 v2.x源码程序 > 地平线cms ASP.NET门户网站系统 v2.x/deepsooncmsV2.2/deepsooncmsV2.2/Admin/Js/Dialog.js

    function  ScollPostion() {//滚动条位置
    var t, l, w, h;
    if (document.documentElement && document.documentElement.scrollTop) {
        t = document.documentElement.scrollTop;
        l = document.documentElement.scrollLeft;
        w = document.documentElement.scrollWidth;
        h = document.documentElement.scrollHeight;
    } else if (document.body) {
        t = document.body.scrollTop;
        l = document.body.scrollLeft;
        w = document.body.scrollWidth;
        h = document.body.scrollHeight;
    }
    return { top: t, left: l, width: w, height: h };
}
var dialog_h;
var boxdiv_t;
var dialog_w = 337;
var Browser_w=$(window).width();
var Browser_h=$(window).height();
var boxdiv_l=(Browser_w-dialog_w)/2;
function CxcDialog(Title,Content,Statustion)
{   
    var DialogBox=""+
	"<div class='cxc_Mobile' id='Cxc_Dialog' style='left:"+boxdiv_l+"px;' >"+
		"<div class='cxc_dialog'>"+
			"<p class='filter01'></p>"+
			"<p class='filter02'></p>"+
				"<div class='cxc_dialog_filt'>"+
					"<p class='filter03'></p>"+
					"<p class='filter04'></p>"+
			
					"<div class='cxc_dialog_bd'>"+
						"<div class='cxc_top'>"+
							"<p id='Cxc_Mobile' onmousedown='MoveDiv(Cxc_Dialog,event);'>"+Title+"</p>"+
							"<span onclick='CxcClose()'>x</span>"+
						"</div>"+
						"<p class='cxc_bd "+Statustion+"'>"+Content+"</p>"+
						"<p class='cxc_ft'><span class='img'  onclick='CxcClose();return false;'></span></p>"+
					"</div>"+
				"</div>"+
		"</div>"+
	"</div>"+
	"<div class='Masklayer' id='Masklayer'></div>";
    $("body").append(DialogBox);
    dialog_h= $("#Cxc_Dialog").height();
    boxdiv_t=(Browser_h-dialog_h)/2;
    var scrtop = boxdiv_t+ScollPostion().top;
    $("#Cxc_Dialog").css("top",scrtop);
    $(".filter03").css("height",$(".cxc_dialog_bd").height()+2);
    $(".filter04").css("height",$(".cxc_dialog_bd").height()+2);
	if( $(document.body).height() >$(window).height() ){
		$("#Masklayer").css("height",$(document.body).height());
	}
	else{
		$("#Masklayer").css("height",$(window).height());
	}
    $("#Masklayer").css("display","block");
	return false;
}
function CxcClose(){
   $("#Cxc_Dialog").remove();
   $("#Masklayer").css("display","none");
}
$(function(){
     $(window).scroll(function (){
         var offsetTop = boxdiv_t +ScollPostion().top +"px"; 
         $("#Cxc_Dialog").animate({top : offsetTop },{ duration:600 , queue:false });  
     });
     window.onresize=function(){
        var Browser_ws=$(window).width();
        var Browser_hs=$(window).height();
        var boxdiv_ls=(Browser_ws-dialog_w)/2;
        boxdiv_t=(Browser_hs-dialog_h)/2;
        var scrtop = boxdiv_t+ScollPostion().top;
        $("#Cxc_Dialog").css("left",boxdiv_ls);
        $("#Cxc_Dialog").css("top",scrtop);
        
     }
});
var isIE = /msie/i.test(navigator.userAgent);

function gID(id){return document.getElementById(id);}

//漂浮
//参数：层ID，记录上次滚动位置（默认可以为空，递归使用）
function ScrollDiv(id,pScrollY){ 
	//var ScrollY = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
	var ScrollY = document.documentElement.scrollTop || document.body.scrollTop; //兼容处理
	if (pScrollY ==null) { pScrollY=0; }

	var moveTop = .1 * (ScrollY - pScrollY); //可调整移动速度
	moveTop = (moveTop > 0) ? Math.ceil(moveTop) : Math.floor(moveTop);
	gID(id).style.top = parseInt(gID(id).style.top) + moveTop + "px";

	pScrollY = pScrollY + moveTop; 
	setTimeout("ScrollDiv('"+id+"',"+pScrollY+");",50); //可调整滚动后的反映速度
}


//增加事件动作，不冲突原来的事件
//参数，对象，事件名称（带on），事件定义（如果要带参数，则要function(){eventFunc("")}这样传递参数）
function addObjEvent(obj,eventName,eventFunc){
	if (obj.attachEvent){ //IE
		obj.attachEvent(eventName,eventFunc);
	}else if (obj.addEventListener){ //FF Gecko / W3C
		var eventName2 = eventName.toString().replace(/on(.*)/i,'$1'); //正则过滤第1个on
		obj.addEventListener(eventName2,eventFunc, false); //fslse为倒序执行事件
	}else{
		obj[eventName] = eventFunc;
	}
}


//移除事件动作
//参数，对象，事件名称（带on），事件定义（如果要带参数，则要function(){eventFunc("")}这样传递参数）
function delObjEvent(obj,eventName,eventFunc){
	if (obj.detachEvent) { // IE
		obj.detachEvent(eventName,eventFunc);
	}else if (obj.removeEventListener){ //FF Gecko / W3C
		var eventName2 = eventName.toString().replace(/on(.*)/i,'$1'); //正则过滤第1个on
		obj.removeEventListener(eventName2,eventFunc, false); //fslse为倒序执行事件
	}else{
		obj[eventName] = null;
	}
}


//可以任意拖动的层（支持Firefox,IE)
//参数，移动的层对象和event对象，方法 onmousedown="MoveDiv(this,event)"
function MoveDiv(obj,e){
	e = e||window.event;

	var ie6=isIE;
	if (/msie 9/i.test(navigator.userAgent)) {ie6=false;} //把IE9设置为非IE浏览器
	//只允许通过鼠标左键进行拖拽,IE68鼠标左键为1 FireFox ie9其他为0
	if (ie6 && e.button == 1 || !ie6 && e.button == 0) {}else{return false;}

	obj.style.position='absolute'; //设置浮动模式
	obj.ondragstart =function(){return false;} //禁止对象的拖动事件，不然图片在火狐下会无法拖动

	var x = e.screenX - obj.offsetLeft;
	var y = e.screenY - obj.offsetTop;
	addObjEvent(document,'onmousemove',moving); //鼠标移动时，增加移动事件
	addObjEvent(document,'onmouseup',endMov); //鼠标放开时，增加停止事件
	e.cancelBubble = true; //禁止事件冒泡,使触发在子对象上的事件不传递给父对象
	
	//IE去除选中背景文字
	if (isIE) {
		obj.setCapture(); //设置捕获范围 releaseCapture() 释放
	} else {
		window.captureEvents(Event.mousemove); //window.releaseEvents(Event.eventType) 释放
	}

	//if (!isIE){e.stopPropagation();} //W3C 禁止冒泡
	//FireFox 去除容器内拖拽图片问题，火狐防止选中背景文字
	if (e.preventDefault) {
		e.preventDefault(); //取消事件的默认动作
		e.stopPropagation(); //事件不再被分派到其他节点
	}
	e.returnValue = false; //指事件的返回值是false 。return false;是指函数的返回值为false
	return false;

	//移动
	function moving(e){
		obj.style.left = (e.screenX - x) + 'px';
		obj.style.top = (e.screenY - y) + 'px';
		return false; //图片移动时会出现拖动图片的动作，增加这个return可以不执行这个动作
	}
		
	//停止
	function endMov(e){
		delObjEvent(document,'onmousemove',moving); //删除鼠标移动事件
		delObjEvent(document,'onmouseup',arguments.callee); //删除鼠标放开事件,arguments.callee为函数本身
		if (isIE) {
			obj.releaseCapture(); //释放捕获
		} else {
			window.releaseEvents(Event.mousemove); //释放
		}
	}
}